<template>
  <div >
    <div class="work-order-type" v-if="currentStep === 1">
      <el-radio-group v-model="type" size="medium" class="platform-radio">
        <el-radio-button label="middle">送仓工单</el-radio-button>
        <el-radio-button label="transfer">调货工单</el-radio-button>
      </el-radio-group>
    </div>
    <div>
      <template v-if="type === 'middle'">
        <add-middle :p-step.sync="currentStep"></add-middle>
      </template>
      <template v-else-if="type === 'transfer'">
        <add-transfer :p-step.sync="currentStep"></add-transfer>
      </template>
    </div>

  </div>
</template>

<script>
import AddMiddle from "@/views/workOrder/components/AddMiddle";
import AddTransfer from "@/views/workOrder/components/AddTransfer";

export default {
  name: 'addWorkOrder',
  components: {AddTransfer,AddMiddle},
  data(){
    return {
      type: 'middle',
      currentStep: 1,
    }
  }

}
</script>

<style scoped lang="scss">
.wrap {
  padding: 00px 30px;
}
.work-order-type{
  padding-top: 20px;
  padding-left: 30px;
}
</style>
